.bianji{
  position: fixed;
  top: .75rem;
  right: 1rem;
  color: #FF0000;
  font-size: .7rem;
  line-height: .7rem;
  z-index: 1001;
}

.shop{
  width: 100%;
  .icon {
    color: #999;
  }
  .checked{
    .icon {
      color: #FF0000;
    }
  }
  .cart_header {
    margin: 0 auto;
    width: 94%;
    height: 2rem;
    .icon {
      float: left;
      margin-top: .5rem;
    }
    p{
      float: left;
      padding-left: .5rem;
      font-size: .7rem;
      font-weight: bold;
      height: 2rem;
      line-height: 2rem;
    }
  }
  .cartWrap{
    .cartListWrap {
      overflow: hidden;
      width: 100%;
      .cartListItem {
        position: relative;
        width: 120%;
        border-top: 1px solid rgb(238, 238, 238);
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        .cartProInfo {
          display: inline-block;
          width: 94%;
          height: 5.25rem;
          margin-top: .75rem;
          margin-bottom: .6rem;
          padding: 0 3%;
          .cartIcon {
            float: left;
            margin-top: 2.125rem;
          }
          img {
            float: left;
            width: 5.25rem;
            height: 5.25rem;
          }
          .des {
            display: inline-block;
            width: 47%;
            margin-left: 3%;
            height: 5.25rem;
            p {
              margin-top: .5rem;
              font-size: .7rem;
              line-height: 1rem;
              overflow : hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            .num {
              margin-top: 1.3rem;
              height: 1.1rem;
              .btn {
                float: left;
                .icon {
                  vertical-align: 0;
                  font-size: 1.05rem;
                  color: #CCC;
                }
              }
              .number {
                float: left;
                font-size: .7rem;
                line-height: 1.1rem;
                margin: 0 .25rem;
              }
              .price {
                float: right;
                margin-right: 1rem;
                font-size: .5rem;
                color: red;
                span {
                  font-size: .8rem
                }
              }
            }
          }
        }
        .delete{
          position: absolute;
          right: 0rem;
          top: 0;
          width: 0%;
          text-align: center;
          background-color: red;
          color: #fff;
        }
      }
    }
    .cart_hr {
      height: .25rem;
      border: none;
      background-color: rgb(238, 238, 238);
    }
  }
}

.cart_footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  border-top: 1px solid rgb(238, 238, 238);
  .whole {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: .7rem;
    background-color: white;
    .cartIcon {
      float: left;
      margin: 0 .6rem;
      .icon{
        font-size: 1rem;
        color:#999;
      }
      &.checked{
        .icon {
          color: #FF0000;
        }
      }
    }
    .all {
      float: left;
    }
    .total {
      float: right;
      margin-right: 40%;
      span {
        color: red;
        &.allPrice {
          font-size: .8rem;
          font-weight: bold;
        }
      }
    }
  }
  .count {
    position: absolute;
    right: 0;
    top: 0;
    width: 35%;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: white;
    background-color: red;
    p {
      text-align: center;
    }
  }
}
.swipeleft {
  transform: translateX(-2.5rem);
  -webkit-transform: translateX(-2.5rem);
}


